<template>
  <!--明细页面弹出框-->
  <el-dialog
    title="银行票据兑付信息查询明细"
    center
    :visible.sync="open"
    width="1024px"
    :close-on-click-modal="true"
    @close="closeFn"
  >
    <el-form ref="detailsForm" :model="formData" label-width="120px" disabled>
      <el-row>
        <el-col :span="12">
          <el-form-item label="交易流水号：" prop="id">
            <el-input v-model="formData.id" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="票据号码：" prop="draftNo">
            <el-input v-model="formData.draftNo" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="票据类型：" prop="draftType">
            <el-select style="width: 100%" v-model="formData.draftType" placeholder="">
              <el-option
                v-for="dict in dictMap.DRAFT_TYPE"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="业务类型：" prop="bizTypeCode">
            <el-select v-model="formData.bizTypeCode" placeholder="" style="width: 100%">
              <el-option
                v-for="dict in dictMap.BIZ_TYPE"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="出票行行号：" prop="issuedBrno">
            <el-input v-model="formData.issuedBrno" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="出票行行名：" prop="issuedBrname">
            <el-input v-model="formData.issuedBrname" />
          </el-form-item>
        </el-col>
      </el-row>

      <div v-if="this.formData.draftType == '0'">
        <el-row>
          <el-col :span="12">
            <el-form-item label="代理付款行行号：" prop="agentBrno">
              <el-input v-model="formData.agentBrno" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="代理付款行行名：" prop="agentBrname">
              <el-input v-model="formData.agentBrname" />
            </el-form-item>
          </el-col>
        </el-row>
      </div>
      <el-row>
        <el-col :span="12">
          <el-form-item label="出票人账号：" prop="drawerAccount">
            <el-input v-model="formData.drawerAccount" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="出票人名称：" prop="drawerName">
            <el-input v-model="formData.drawerName" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="申请人账号：" prop="issuedActno">
            <el-input v-model="formData.issuedActno" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="申请人名称：" prop="issuedName">
            <el-input v-model="formData.issuedName" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="收款人账号：" prop="payeeActno">
            <el-input v-model="formData.payeeActno" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="收款人名称：" prop="payeeName">
            <el-input v-model="formData.payeeName" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="原收款人名称：" prop="oriPayeeName">
            <el-input v-model="formData.oriPayeeName" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="票据种类：" prop="draftCode">
            <el-select style="width: 100%" v-model="formData.draftCode" placeholder="">
              <el-option
                v-for="dict in dictMap.DRAFT_CODE"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="记账标志：" prop="cbflag">
            <el-select style="width: 100%" v-model="formData.cbflag" placeholder="">
              <el-option
                v-for="dict in dictMap.CBFLAG"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="出票日期：" prop="issuedDate">
            <el-date-picker
              v-model="formData.issuedDate"
              type="date"
              value-format="yyyyMMdd"
              placeholder=""
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="出票金额：" prop="issuedAmount">
            <el-input v-model="formData.issuedAmount" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="提示付款日期：" prop="payDate">
            <el-date-picker
              v-model="formData.payDate"
              type="date"
              value-format="yyyyMMdd"
              placeholder=""
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="汇票到期日：" prop="draftMaturity">
            <el-date-picker
              v-model="formData.draftMaturity"
              type="date"
              value-format="yyyyMMdd"
              placeholder=""
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="兑付日期：" prop="workdate">
            <el-date-picker
              v-model="formData.workdate"
              type="date"
              value-format="yyyyMMdd"
              placeholder=""
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="结算金额：" prop="payAmount">
            <el-input v-model="formData.payAmount" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="支付密码：" prop="payPassword">
            <el-input v-model="formData.payPassword" placeholder="" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="密押：" prop="macKey">
            <el-input v-model="formData.macKey" placeholder="" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="背书人数：" prop="endorserNumber">
            <el-input v-model="formData.endorserNumber" placeholder="" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="背书人名称：" prop="endorserName">
            <el-input v-model="formData.endorserName" placeholder="" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="24">
          <el-form-item label="用途：" prop="remarks">
            <el-input type="textarea" v-model="formData.remarks" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="录入操作员：" prop="mdTlrno">
            <el-input v-model="formData.mdTlrno" placeholder="" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="录入时间：" prop="mdTime">
            <el-date-picker
              v-model="formData.mdTime"
              type="datetime"
              value-format="yyyyMMddHHmmss"
              placeholder=""
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
<!--      <el-row type="flex">
        <el-col :span="24">
          <el-form-item label="复核附言：" prop="ckRemarks">
            <el-input type="textarea" v-model="formData.ckRemarks" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="复核操作员：" prop="ckTlrno">
            <el-input v-model="formData.ckTlrno" placeholder="" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="复核时间：" prop="ckTime">
            <el-date-picker
              v-model="formData.ckTime"
              type="datetime"
              value-format="yyyyMMddHHmmss"
              placeholder=""
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>-->
      <el-row>
        <el-col :span="12">
          <el-form-item label="审核操作员：" prop="audTlrno">
            <el-input v-model="formData.audTlrno" placeholder="" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="审核时间：" prop="audTime">
            <el-date-picker
              v-model="formData.audTime"
              type="datetime"
              value-format="yyyyMMddHHmmss"
              placeholder=""
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="24">
          <el-form-item label="审核附言：" prop="audRemarks">
            <el-input type="textarea" v-model="formData.audRemarks" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="业务状态：" prop="status">
            <el-select v-model="formData.status" placeholder="" style="width: 100%" :disabled="true">
              <el-option
                v-for="dict in dictMap.TXN_STATUS"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="通讯状态：" prop="status">
            <el-select v-model="formData.status" placeholder="" style="width: 100%">
              <el-option
                v-for="dict in dictMap.PKG_STATUS"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="中心状态：" prop="procStatus">
            <el-select v-model="formData.procStatus" placeholder="" style="width: 100%" :disabled="true">
              <el-option
                v-for="dict in dictMap.PROCESSSTATUS"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="业务处理码：" prop="procCode">
            <el-input v-model="formData.procCode" placeholder="" disabled />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="24">
          <el-form-item label="业务拒绝信息：" prop="rejectInfo">
            <el-input type="textarea" v-model="formData.rejectInfo" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="handleClose">关闭</el-button>
    </div>
  </el-dialog>
</template>
<script>
export default {
  name: "BankNotePayQueryDetails",
  components: {},
  props: {
    dictMap: {
      type: Object,
      default: () => {
        return {};
      },
    },
    formData: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      // 是否显示弹出层
      open: false,
      isLoading: false,
      // 录入参数
    };
  },
  mounted() {},
  methods: {
    handleClose() {
      this.open = false;
    },
    // 表单重置
    reset() {
      this.resetForm("detailsForm");
    },
    closeFn() {
      this.open = false;
      this.reset();
    },
    show() {
      this.open = true;
    },
  },
};
</script>
